<template>
	 <div class="header">
	 	城市选择
	 	<router-link to="/">
	 		<div class="iconfont header-back">&#xe624;</div>
	 	</router-link>
	 </div>
</template>

<script>
export default {
	name: 'CityHeader'
}
</script>

<style lang="stylus" scoped>
   @import '~styles/varibles.styl'
	.header 
	   position:relative
	   overflow: hidden
	   height: $headerHeight
	   line-height: $headerHeight
	   text-align: center
	   color: #fff
	   background: $bgColor
	   font-size: .32rem
	   .header-back
	       position:absolute
	       top: 0
	       left: 0
	       width: .64rem
	       text-align:center
	       font-size: .4rem
	       color: #fff
</style>